<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="aaa.css">
    <style>
        .tubiao {
            position: fixed;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 7%;
            background-color: black;
            opacity: 0.9;
        }
    </style>
</head>

<body background="img/arthe.jpg">

    <header>
        <div class="header-logo">
            <img src="img/hh.jpg">
            <p></p>
        </div>
        <div class="aa">
            <div class="a">
                <ul>
                    <li>Red Dead Redemption</li>
                </ul>
            </div>
            <ul>
                <li>主要人物
                    <ul>
                        <li>亚瑟</li>
                        <li>达奇</li>
                        <li>迈卡</li>
                    </ul>
                </li>
                <li>剧情梗概</li>
                <li>游戏画面</li>
                <li><a href="https://www.rockstargames.com/">R星官网</a></li>
            </ul>
        </div>
    </header>
    <main>
        <div class="banner">
            <p style="text-align:center;">
                <img src="img/lidaoc.jpg" width="700px" height="auto">
            <p style="text-align:center;">犁刀村</p>
            </p>
        </div>
        <div class="picture">
            <p style="text-align:center;">
                <img src="img/mzwt.jpg" width="700px" height="auto">
            <p style="text-align:center;">马掌望台</p>
            </p>
        </div>
        <div class="picture">
            <p style="text-align:center;">
                <img src="img/lais.jpg" width="700px" height="auto">
            <p style="text-align:center;">克莱蒙斯据点</p>
            </p>
        </div>
        <div class="picture">
            <p style="text-align:center;">
                <img src="img/sdns.jpg" width="700px" height="auto">
            <p style="text-align:center;">圣丹尼斯</p>
            </p>
        </div>
        <div class="picture">
            <p style="text-align:center;">
                <img src="img/瓜玛.jpg" width="700px" height="auto">
            <p style="text-align:center;">瓜玛</p>
            </p>
        </div>
        <div class="tubiao">
            <ul>
                <li>
                    犁刀村
                </li>
                <li>
                    马掌望台
                </li>
                <li>
                    克莱蒙斯据点
                </li>
                <li>
                    圣丹尼斯
                </li>
                <li>
                    瓜玛
                </li>
            </ul>
        </div>
        <footer><div><font color="white">一次西部救赎之旅</font></div></footer>
    </main>
    <div>
    </div>
</body>

</html>